<template>
    <div class="show">
        <my-show-list :reqIdx='navIdx'></my-show-list>
    </div>
</template>

<script>
import msg from './msg.js'
import showList from './showLis.vue'

export default {
    data: function() {
        return {
            navIdx: 1
        }
    },
    components: {
        myShowList: showList
    },
    mounted: function(){
        let that = this;
        msg.$on('nav', function(res){
            that.navIdx = res;
        });
    }
}
</script>

<style lang="less" scoped>
    .show {
        margin-top: 10px;
        width: 100%;
        height: calc(100% - 160px);
        background: #fff;
    }
</style>
